$color-theme:#0c34ba;

.mine {
    position: relative;
    height: 99vh;
    background-color: #f5f5f5;
    padding: 1px;
    margin: 0;

    .mine-bg {
        position: absolute;
        width: 100%;
        height: 160px;
        left: 0;
        top: 0;
        background-color: rgb(144, 144, 235);
        background-image: url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1125913489,396064782&fm=26&gp=0.jpg);
    }

    .mine-content {
        position: relative;
        margin-top: 100px;
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 10px 10px 0px 0px;
        padding: 5px;
        background-color: #fff;
        .content-header{
            display: flex;
            align-items: center;
            .header-img{
                height: 85px;
                width: 85px;
                margin-right: 10px;
                background-color: rgb(189, 189, 189);
                border-radius: 50%;
            }
            .header-info{
                flex: 1;
                h3{
                    color: $color-theme;
                }
                p{
                    font-size: 14px;
                    color: rgb(146, 143, 143);
                }
            }
        }
    }

    .mine-cell{
        margin: 0px 15px;
        padding-top: 50px;
        background-color: #fff;
    }
}